﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trasitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link rel="stylesheet"
			href="/static/css/table.css" type="text/css">
		<!--以下3个js库必须按照顺序引入-->
		<!--vue脚本库-->
		<script type="text/javascript"
				src="/static/js/vue-3.2.4.global.js">
			<!--axios脚本库-->
		</script>
		<script type="text/javascript"
				src="/static/js/axios-0.18.0.min.js">
		</script>
		<!--我们自己封装的axios函数库 -->
		<script type="text/javascript"
				src="/static/js/axios-helper.js">
		</script>
	</head>

	<body id="app">
		<form action="" method="post">
			<table width="100%">
				<tr>
					<td>
						<font color="black">您正在做的业务是：人力资源--人力资源档案管理--人力资源档案永久删除 </font>
					</td>
				</tr>
				<tr>
					<td>
						符合条件的人力资源档案总数：1例
					</td>
				</tr>
			</table>
			<table width="100%" border="1" cellpadding=5 cellspacing=1
				bordercolorlight=#848284 bordercolordark=#eeeeee
				class="TABLE_STYLE1">
				<tr class="TR_STYLE1">
					<td width="14%" height="13" class="TD_STYLE1">
						档案编号
					</td>
					<td width="11%" class="TD_STYLE1">
						姓名
					</td>
					<td width="6%" class="TD_STYLE1">
						性别
					</td>
					<td width="13%" class="TD_STYLE1">
						I级机构
					</td>
					<td width="12%" class="TD_STYLE1">
						II级机构
					</td>
					<td width="13%" class="TD_STYLE1">
						III级机构
					</td>
					<td width="11%" class="TD_STYLE1">
						职位分类
					</td>
					<td width="13%" class="TD_STYLE1">
						职位名称
					</td>
					<td width="7%" class="TD_STYLE1">
						永久删除
					</td>
				</tr>

				<tr class="TR_STYLE2" v-for="h in humanFileDigList">
					<td width="14%" class="TD_STYLE2">
						{{h.hufid}}
					</td>
					<td width="11%" class="TD_STYLE2">
						{{h.humanName}}
					</td>
					<td width="6%" class="TD_STYLE2">
						{{h.humanSex}}
					</td>
					<td width="13%" class="TD_STYLE2">
						{{h.firstKindName}}
					</td>
					<td width="12%" class="TD_STYLE2">
						{{h.secondKindName}}
					</td>
					<td width="13%" class="TD_STYLE2">
						{{h.thirdKindName}}
					</td>
					<td width="11%" class="TD_STYLE2">
						{{h.humanMajorKindName}}
					</td>
					<td width="13%" class="TD_STYLE2">
						{{h.hunmaMajorName}}
					</td>
					<td width="7%" class="TD_STYLE2">
						<img src="/static/images/bt_del.gif" title="删除" style="cursor:pointer;" @click="del(h.hufid)"/>
					</td>
				</tr>

			</table>
			<p style="text-align: center;">
					<a href="delete_forever_list.html" style="color:black;">首页</a>
							    <font color="red">1</font>
     				<a href="delete_forever_list.html" style="color:black;">尾页</a>
			</p>
		</form>
	</body>
	<script type="module">
		Vue.createApp({
			data(){
				return {
					humanFileDigList:[]
				}
			},
			created(){
				requestGet("/humanFileDig/queryList",{
					...this.page,
					firstKindId:"",
					secondKindId:"",
					thirdKindId:"",
					humanName:"",
					humanFileStatus:0
				}).then((data)=>{
					console.info("*** data",data);
					this.humanFileDigList = data.records;
					console.info("*** humanFileDigList",this.humanFileDigList);
				});
			},
			methods:{
				del(hid){
					console.info("*** hid",hid);
					if (confirm("确定删除此档案吗？")) {
						console.info("***************")
						requestDelete("/humanFileDig/del",{
							hufid:hid
						}).then((data)=>{
							if(data.statusCode == 1){
								alert("永久删除啦，没有下次注意点");
							}else{
								alert("失败了，请稍后......");
							}
						});
					}
				}
			}
		}).mount("#app");
	</script>
</html>
